/*----------------------------------------------

  COMMON STYLES

------------------------------------------------*/

html,body {

    height: 100%;

}

body {

    font-family: 'Open Sans', sans-serif;

    background-color: #E6E6E6;

}

.row {

    margin-right: 0;

}

#wrapper {

    width: 100%;

}



#page-wrapper {

    padding: 0 15px;

    min-height: 600px;

    background: #E6E6E6;

}



#page-inner {

    width: 100%;

    margin: 10px 20px 10px 0px;

    background-color: transparent;

    /* padding: 10px; */

}



.text-center {

    text-align: center;

}



.no-boder {

    border: 1px solid #f3f3f3;

}



h1, .h1, h2, .h2, h3, .h3 {

    margin-top: 7px;

    margin-bottom: -5px;

}



h2 {

    color: #000;

}



h4 {

    padding-top: 10px;

}



p {

    font-size: 16px;

    line-height: 25px;

    padding-top: 20px;

}



.navbar-side {

    z-index: 0;

}



.panel {

    border-radius: 0px;

}



.navbar-side .nav > li > a > i {

    color: #FFFFFF;

    padding: 8px;

    width: 30px;

    text-align: center;

}

.navbar-side .nav > li > a {

    font-size: 13px;

}



.top-navbar {

    position: fixed;

    width: 100%;

    z-index: 300;

    background-color: #222d32;

}



.navbar-side {

    z-index: 1;

    width: 100%;

}



.top-navbar .nav > li > a:hover, .top-navbar .nav > li > a:focus {

    text-decoration: none;

    background-color: #2497BA;

    color: #fff;

}



.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {

    background-color: #23C1CD;

    border-color: #24C2CD;

}



.dropdown-menu > li > a {

    display: block;

    padding: 3px 20px;

    clear: both;

    font-weight: 400;

    line-height: 1.42857143;

    color: #333;

    white-space: nowrap;

    font-size: 13px;

}



.dropdown-menu > li > a i {

    color: #24C2CE;

}



.text-muted {

    color: #FB5651;

}



/*----------------------------------------------

  DASHBOARD STYLES

------------------------------------------------*/

.page-header {

    margin: 0;

    padding: 10px 0 20px 0;

    display: flex;

    align-items: center;

    border-bottom: 1px solid transparent;

    text-align: left;

}



.panel-left {

    width: 100px;

    height: 100px;

    background: #32D088;

    border: 2px solid white;

    border-radius: 100%;

    overflow: hidden;

    margin: 12px;

}



.panel-left .fa-5x {

    font-size: 3em;

    color: rgba(255, 255, 255, 0.69);

    padding: 29px 0;

    margin-bottom: 30px;

}



.panel-right {

    height: 124px;

    background: transparent;

    margin-bottom: 0;

    color: #2B2E33;

    background-color: #fff;

    float: left;

    text-align: left;

    padding-left: 20px;

}



.panel-right h3 {

    font-size: 40px;

    padding: 18px 10px 13px 0;

    color: #8A8A8A;

}



.panel-back {

    background-color: #fff;



}



.panel-default {

    border-color: #ECECEC;

}



.panel-default > .panel-heading {

    color: #000;

    border-color: #FFF;

    font-weight: bold;

    background: #FFFFFF;

    font-size: 16px;

    padding: 15px 15px 0;

}



.panel-heading {

    /* padding: 15px 15px 0px; */

    border-bottom: 1px solid transparent;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

}



.jumbotron {

    padding: 20px;

}



.jumbotron p {

    margin-bottom: 15px;

    font-size: 15px;

    font-weight: 200;

}



.jumbotron, .well {

    background: #fff;

}



.noti-box {

    min-height: 100px;

    padding: 20px;

}



.noti-box .icon-box {

    display: block;

    float: left;

    margin: 0 15px 10px 0;

    width: 70px;

    height: 70px;

    line-height: 75px;

    vertical-align: middle;

    text-align: center;

    font-size: 40px;

}



.text-box p {

    margin: 0 0 3px;

}



.main-text {

    font-size: 25px;

    font-weight: 600;

}



.set-icon {

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;



}



.panel-primary {

    display: inline-block;

    margin-bottom: 30px;

    width: 100%;

}



.green {

    /* background-color: #1CC09F; */

    color: #fff;

}



.blue {

    background-color: #32CEE4;

    color: #fff

}



.red {

    background-color: #FB6E51;

    color: #fff;

}



.brown {

    background-color: #F5B252;

    color: #fff;

}



.back-footer-red {

    background-color: #F0433D;

    color: #fff;

    border-top: 0px solid #fff;

}



.icon-box-right {

    display: block;

    float: right;

    margin: 0 15px 10px 0;

    width: 70px;

    height: 70px;

    line-height: 75px;

    vertical-align: middle;

    text-align: center;

    font-size: 40px;

}



.main-temp-back {

    background: #8702A8;

    color: #FFFFFF;

    font-size: 16px;

    font-weight: 300;

    text-align: center;

}



.main-temp-back .text-temp {

    font-size: 40px;

}



.back-dash {

    padding: 20px;

    font-size: 20px;

    font-weight: 500;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

    background-color: #2EA7EB;

    color: #fff;

}



.back-dash p {

    padding-top: 16px;

    font-size: 13px;

    color: #fff;

    line-height: 25px;

    text-align: justify;

}



.color-bottom-txt {

    color: #000;

    font-size: 16px;

    line-height: 30px;

}



/*----------------------------------------------

  MENU STYLES

------------------------------------------------*/



.user-image {

    margin: 25px auto;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    max-height: 170px;

    max-width: 170px;

}



.top-navbar {

    margin: 0px;

}



.top-navbar .navbar-brand {

    color: #fff;

    text-align: center;

    height: 60px;

    font-size: 24px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 30px;

    background-color: #222d32 !important;

}



.navbar-brand b {

    color: #284838;

}



.navbar-brand>strong{

    font-size: 18px !important;

}

.top-navbar .nav > li {

    position: relative;

    display: inline-block;

    margin: 0px;

    padding: 0px;

}



.top-navbar .nav > li > a {

    position: relative;

    display: block;

    padding: 20px;

    color: #FFFFFF;

    margin: 0px;

}



.top-navbar .nav > li > a:hover, .top-navbar .nav > li > a:focus {

    text-decoration: none;

    color: #319DB5 !important;

    background: transparent;

}



.top-navbar .dropdown-menu {

    min-width: 230px;

    border-radius: 0 0 4px 4px;

}



.top-navbar .dropdown-menu > li > a:hover, .top-navbar .dropdown-menu > li > a:focus {

    color: #225081;

    background: none;

}



.dropdown-tasks {

    width: 255px;

}



.dropdown-tasks .progress {

    height: 8px;

    margin-bottom: 8px;

    overflow: hidden;

    background-color: #f5f5f5;

    border-radius: 0px;

}



.dropdown-tasks > li > a {

    padding: 0px 15px;

}



.dropdown-tasks p {

    font-size: 13px;

    line-height: 21px;

    padding-top: 4px;

}



.active-menu {

    background-color: #2b2e37 !important;

    color: rgb(198, 194, 194) !important;

}



.active-menu i {

    color: #fff !important;

}



.active-menu a {

    font-size: 13px;

}



.arrow {

    position: absolute;

    right: 15px;

}



.fa.arrow:before {

    content: "\f104";

}



.active > a > .fa.arrow:before {

    content: "\f107";

}





.nav-second-level li,

.nav-third-level li {

    border-bottom: none !important;

}



.nav-second-level li a {

    padding-left: 25px;

}



.nav-third-level li a {

    padding-left: 55px;

}



.sidebar-collapse, .sidebar-collapse .nav {

    background: none;

}



.sidebar-collapse .nav {

    padding: 0;

}



.sidebar-collapse .nav > li > a {

    color: #fff;

    text-shadow: none;

}



.sidebar-collapse > .nav > li > a {

    display: flex;

    align-items: center;

    padding: 12px 10px;

}



.sidebar-collapse > .nav > li {

    border-bottom: 1px solid rgba(107, 108, 109, 0.19);

}



ul.nav.nav-second-level.collapse.in>a{

    color: rgb(199, 187, 187);

}



.sidebar-collapse .nav > li > a:hover,

.sidebar-collapse .nav > li > a:focus {

    background-color: #2f373b;

    font-weight: 600;

    outline: 0;

}



.navbar-side {

    border: none;

    background: #222d32 !important;

}



.top-navbar {

    border-bottom: none;

}



.top-navbar .nav > li > a > i {

    margin-right: 2px;

}



.top-navbar .navbar-brand:hover {

    color: #717372;

    background-color: rgb(43, 46, 51);

}



.dropdown-user li {

    margin: 8px 0;

}



.navbar-default {

    border: 0px solid black;



}



.navbar-header {

    background: transparent;

}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

    background-color: #283643;

}



.navbar-default .navbar-toggle {

    border-color: #fff;

}



.navbar-default .navbar-toggle .icon-bar {

    background-color: #FFF;

}



.nav > li > a > i {

    margin-right: 3px;

    color: #FFF;

}



.dropdown-menu > li > a > strong {

    color: #1CC09F;

    padding: 5px 0;

    display: inline-block;

    font-weight: 500;

}





ul.dropdown-menu.dropdown-messages li a div {

    padding: 2px 0;

}



/*----------------------------------------------

  MEDIA QUERIES

------------------------------------------------*/



@media (min-width: 768px) {



    .navbar-side {

        width: 100%;

        z-index: 1;

    }



    .navbar {

        border-radius: 0px;

    }



}



/*@media (max-width: 480px) {*/

/*  .page-header small {*/

/*    display: block;*/

/*    padding-top: 14px;*/

/*    font-size: 19px;*/

/*  }*/



/*  .panel-left {*/

/*    width: 85px;*/

/*    height: 85px;*/

/*    border-radius: 100%;*/

/*    overflow: hidden;*/

/*    margin: 14px;*/

/*  }*/

/*}*/



.nx-table-header {

    padding-bottom: 15px;

    position: relative;

}

.nx-table-header input {

    float: right;

}

.nx-table-header i {

    position: absolute;

    right: 5px;

    top: 8px;

    color: #bbbbbb;

}



/* menu */

#wrapper>div:nth-child(2)>div:nth-child(1){

    width: 18% !important;

}

/* menu end */



/* content */

#wrapper>div:nth-child(2)>div:nth-child(2){

    width: 80% !important;

}



#page-inner .btn-xs{

    background-color: transparent;

    color: #253238;

    border: 1px solid #bbbbbb;

}

/* content end */



/*首页顶部统计*/

#page-wrapper>#page-inner>div:nth-child(1)>div:nth-child(1)>.main-box {

    background-color: rgba(109, 95, 169, 0.96) !important;

}

#page-wrapper>#page-inner>div:nth-child(1)>div:nth-child(2)>.main-box {

    background-color: #1bc6ce !important;

}

#page-wrapper>#page-inner>div:nth-child(1)>div:nth-child(3)>.main-box {

    background-color: #9b41ce !important;

}



/*右侧内容背景*/

#wrapper>div:nth-child(2),

#wrapper>div:nth-child(2)>div:nth-child(2),

#page-wrapper {

    background-color: #ffffff !important;

}